.home-header-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 14.97vh;
    z-index: 10;
}
.home-header-box .hb1-log{
    position: absolute;
    top: 3.42vh;
    left: 13.021vw;
    width: 11.458vw;
    height: 8.24vh;
}
.home-header-box .chen-tab{
    position: absolute;
    top: 2.14vh;
    right: 13.021vw;
    font-size: 0.9375vw;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
}
.home-header-box .hb1-tab-box{
    position: absolute;
    top: 8.56vh;
    right: 13.021vw;
    /* width: 42.1875vw; */
    width: 43.1875vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.home-header-box .hb1-tab-box .hb1-tb-menu{
    /* width: 38.854vw; */
    width: 41.854vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.9375vw;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
}
.home-header-box .hb1-tab-box .hb1-tb-menu li a{
    color: #FFFFFF;
}
.home-header-box .hb1-tab-box .hb1-tb-menu li a:hover{
    color: #4589F0;
    font-weight: bold;
}
.home-header-box .hb1-tab-box img{
    width: 1.09375vw;
    height: 2.25vh;
}
.home-header-box .input-box{
    width: 0;
    height: 3.91vh;
    position: absolute;
    top: 7.76vh;
    left: 87.5vw;
    background-color: #cbcbcb;
    border-radius: 18px;
    overflow: hidden;
    align-items: center;
}
.home-header-box .input-box input{
    width: 80%;
    height: 100%;
    margin-left: 10px;
    background-color: transparent;
    font-size: 0.833vw;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}
.home-header-box .input-box-hide{
    animation: Hinputhide 0.6s;
    animation-fill-mode: forwards;
}
@keyframes Hinputhide {
    0%{
        width: 9.854vw;
    }
    100%{
        width: 0;
    }
}
.home-header-box .input-box-show{
    animation: Hinputshow 0.6s;
    animation-fill-mode: forwards;
}
@keyframes Hinputshow {
    100%{
        width: 9.854vw;
    }
}

@media (max-width: 750px) {
    .home-header-box .hb1-tab-box{
        left: 50px;
        width: auto;
        justify-content: initial;
    }
    .home-header-box .hb1-tab-box .hb1-tb-menu{
        width: auto;
    }
    .home-header-box .hb1-tab-box .hb1-tb-menu a{
        margin: 0 2px;
    }
    .home-header-box .hb1-log {
        width: 11.458vw;
        height: initial;
    }
    .home-header-box .hb1-tab-box img {
        width: 1.09375vw;
        height: initial;
        margin-top: 0.43vh;
    }

    .home-header-box .input-box {
        display: flex;
        align-items: center;
        width: 0;
        height: initial;
        position: absolute;
        top: 8.76vh;
        left: 87.5vw;
        background-color: #cbcbcb;
        border-radius: 18px;
        overflow: hidden;
        align-items: center;
    }

    .home-header .input-box input {
        width: 80%;
        height: 100%;
        margin-left: 10px;
        background-color: transparent;
        font-size: 0.833vw;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #333333;
    }

    .home-header .input-box-hide {
        animation: inputhide 0.6s;
        animation-fill-mode: forwards;
    }

    @keyframes inputhide {
        0% {
            width: 9.854vw;
        }
        100% {
            width: 0;
        }
    }
    .home-header .input-box-show {
        animation: inputshow 0.6s;
        animation-fill-mode: forwards;
    }

    @keyframes inputshow {
        100% {
            width: 9.854vw;
        }
    }
}